<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>品优购</title>
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
   
</head>

<body>
    <div>
        <div class="header wrapper">
            <img src="./images/logo.png" alt="">
        </div>

        <div class="login">
            <div class="loginmodel">
                <div class="howlogin">
                    <p>扫描登录</p>
                    <a href=""></a>
                    <p>账户登陆</p>
                </div>

                <div class="dec">公共场所不建议自动登录，以免账号丢失</div>

                <div class="un">
                    <img src="./images/zh.png" alt="">

                    <input placeholder="邮箱/用户名/手机号" type="text">
                </div>

                <div class="pw">
                    <img src="./images/pw.png" alt="">
                    <input placeholder="请输入密码" type="text">
                </div>

                <div class="autologin">
                    <p><input type="checkbox">自动登录</p>

                    <p>忘记密码？</p>

                </div>

                <button class="bt">登 录</button>

                <div class="otherlogin">

                    <p>
                        <img src="./images/icon1.png" alt="">

                        <img src="./images/icon2.png" alt="">

                        <img src="./images/icon3.png" alt="">

                        <img src="./images/icon4.png" alt="">
                    </p>

                    <p>立即注册</p>
                </div>
            </div>

        </div>

        <div class="shortcut">
            <div class="wrapper">
                <ul>
                    <li><a href="#" >关于我们</a></li>

                    <li><a href="#">联系我们</a></li>

                    <li><a href="#">联系客服</a></li>

                    <li><a href="#">商家入驻</a></li>

                    <li><a href="#">营销中心</a></li>

                    <li><a href="#">手机品优购</a></li>

                    <li><a href="#">友情链接</a></li>

                    <li><a href="#">销售联盟</a></li>

                    <li><a href="#">品优购社区</a></li>

                    <li><a href="#">品优购公益</a></li>

                    <li><a href="#">English Site</a></li>

                    <li><a href="#">Contact U</a></li>

                </ul>
            </div>

        </div>
   
        <div class="footer">
            地址 : 北京市昌平区建材城西路金燕龙办公楼一层  邮编 : 100096 电话 : 400-618-4000  传真 : 010-82935100  邮箱 : zhanghj+itcast.cn
        </div>

        <p class="footer">
            京ICP备08001421号京公网安备110108007702
        </p>

    </div>
</body>

</html>